<template>
    <div class="visual_con">
        <div class="visual_conTop">
            <div class="visual_conTop_box visual_conTop1">
                <div>
                    <h3>当前警情数(起)</h3>
                    <p>67</p>
<!--                    <div class="conTop_smil">-->
<!--                        <a class="sz">日环比:<span>+3%</span><i class="fa fa-long-arrow-up"></i></a>-->
<!--                        <a class="xd">周环比:<span>-2%</span><i class="fa fa-long-arrow-down"></i></a>-->
<!--                    </div>-->
                </div>
            </div>
            <div class="visual_conTop_box visual_conTop2">
                <div>
                    <h3>区域拥堵指数</h3>
                    <p>1.4</p>
<!--                    <div class="conTop_smil">-->
<!--                        <a class="">缓行</a>-->
<!--                        <a class="">平均车速<span>120</span>KM/H</a>-->
<!--                    </div>-->
                </div>
            </div>
            <div class="visual_conTop_box visual_conTop1">
                <div>
                    <h3>当前警情数(起)</h3>
                    <p>99</p>
<!--                    <div class="conTop_smil">-->
<!--                        <a class="sz">日环比:<span>+3%</span><i class="fa fa-long-arrow-up"></i></a>-->
<!--                        <a class="xd">周环比:<span>-2%</span><i class="fa fa-long-arrow-down"></i></a>-->
<!--                    </div>-->
                </div>
            </div>
            <div class="visual_conTop_box visual_conTop2">
                <div>
                    <h3>当前警情数(起)</h3>
                    <p>7421</p>
<!--                    <div class="conTop_smil">-->
<!--                        <a class="null">null</a>-->
<!--                        <a class="xd">月环比:<span>-2%</span><i class="fa fa-long-arrow-down"></i></a>-->
<!--                    </div>-->
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="visual_conBot">
            <img class="visual_conBot_l" src="../../assets/images/bigdata/ksh42.png">
            <img class="visual_conBot_2" src="../../assets/images/bigdata/ksh43.png">
            <img class="visual_conBot_3" src="../../assets/images/bigdata/ksh44.png">
            <img class="visual_conBot_4" src="../../assets/images/bigdata/ksh45.png">
            <div class="visual_chart_text">
                <h1>出行服务+大数据</h1>
                <h2>交通大数据分析平台</h2>
            </div>
<!--            <div class="visual_chart" id="main8"></div>-->
            <Main8/>
            <div class="visual_conBot_bot">
                <div class="visualSssf_left">
                    <h3>今日实时收费</h3>
                    <a style="display:block">全省数据</a>
                    <a>大同北</a>
                    <a>大同南</a>
                    <a>朔州</a>
                    <a>吕梁北</a>
                    <a>吕梁南</a>
                    <a>太原</a>
                    <a class="active">晋中</a>
                    <a>太旧</a>
                    <a>长治</a>
                </div>
<!--                <div class="visualSssf_right">-->
<!--                    <div class="visualSssf_right_box" id="main5"></div>-->
<!--                    <div class="visualSssf_right_box" id="main6"></div>-->
<!--                    <div class="visualSssf_right_box" id="main7"></div>-->
<!--                </div>-->
                <Main567/>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</template>

<script>
    import Main567 from "./charts/Main567";
    import Main8 from "./charts/Main8";
    export default {
        name: "VisualCon",
        components: {Main8, Main567}
    }
</script>

<style scoped>
    @import "../../assets/css/visual.css";
</style>